<!-- 工商行政处罚 -->
<template>
  <div class="penalties">
    <table class="penalties-table" v-for="(item, index) in administrativePenalties" :key="index">
      <tr>
        <td class="penalties-table__title">序号{{ index + 1 }}</td>
        <td colspan="3">行政处罚决定书文号:{{ item.penDecNo }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">法定代表人(负责人)姓名</td>
        <td colspan="3">{{ item.legalPerson }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">行政处罚案例类型</td>
        <td>{{ item.caseTypeCaption }}</td>
        <td class="penalties-table__title">案发时间</td>
        <td>{{ item.caseTime }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">案由</td>
        <td colspan="3">{{ item.caseReason }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">行政处罚案件结果</td>
        <td colspan="3">{{ item.caseResultCaption }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">执行类型</td>
        <td colspan="3">{{ item.exesortCaption }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">行政处罚类型</td>
        <td>{{ item.penTypeCaption }}</td>
        <td class="penalties-table__title">行政处罚结果</td>
        <td>{{ item.penResultCaption }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">处罚金额(万元)</td>
        <td>{{ item.penAm }}</td>
        <td class="penalties-table__title">处罚执行情况</td>
        <td>{{ item.penExest }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">行政处罚决定书内容</td>
        <td colspan="3">{{ item.illegFact }}</td>
      </tr>
      <tr>
        <td class="penalties-table__title">作出行政处罚决定机关名称</td>
        <td>{{ item.penAuth }}</td>
        <td class="penalties-table__title">作出行政处罚决定日期</td>
        <td>{{ item.penDecissDate }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: 'AdministrativePenalties',
  props: {
    administrativePenalties: Array,
  },
}
</script>

<style lang="scss" scoped>
.penalties {
  &-table {
    width: 100%;
    text-align: center;
    border: 1px solid $gray-lighter;
    th,
    td {
      border: 1px solid $gray-lighter;
      color: $gray;
      height: 40px;
    }
    &__title {
      background-color: #fafafa;
    }
  }
}
</style>
